<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>DWZ</title>

<link href="${pageContext.request.contextPath }/dwz/themes/default/style.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="${pageContext.request.contextPath }/dwz/themes/css/core.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="${pageContext.request.contextPath }/dwz/themes/css/print.css" rel="stylesheet" type="text/css" media="print"/>
<link href="${pageContext.request.contextPath }/dwz/uploadify/css/uploadify.css" rel="stylesheet" type="text/css" media="screen"/>

<script src="${pageContext.request.contextPath }/dwz/js/speedup.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/dwz/js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/dwz/js/jquery.cookie.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/dwz/js/jquery.validate.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/dwz/js/jquery.bgiframe.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/dwz/xheditor/xheditor-1.1.12-zh-cn.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/dwz/uploadify/scripts/swfobject.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/dwz/uploadify/scripts/jquery.uploadify.v2.1.0.js" type="text/javascript"></script>

<script src="${pageContext.request.contextPath }/dwz/bin/dwz.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/dwz/js/dwz.regional.zh.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
	DWZ.init("dwz/dwz.frag.xml", {
		callback:function(){
			initEnv();
			$("#themeList").theme({themeBase:"dwz/themes"});
		}
	});
});
//清理浏览器内存,只对IE起效,FF不需要
if ($.browser.msie) {
	window.setInterval("CollectGarbage();", 10000);
}
</script>
</head>

<body scroll="no">
	<div id="layout">
		<div id="header">
			<div class="headerNav">
				<a class="logo" href="${pageContext.request.contextPath }/index.jsp">Logo</a>
				<ul class="nav">
					<li><a href="javascript:void(0)">${staff.id }</a></li>
					<li><a href="${pageContext.request.contextPath }/index.jsp" target="dialog" mask="true" title="登录">更换账号</a></li>
					<li><a href="${pageContext.request.contextPath }/StaffServlet?opt=logout" >退出</a></li>
				</ul>
				<ul class="themeList" id="themeList">
					<li theme="default"><div>blue</div></li>
					<li theme="green"><div>green</div></li>
					<li theme="purple"><div>purple</div></li>
					<li theme="silver"><div class="selected">silver</div></li>
					<li theme="azure"><div>azure</div></li>
				</ul>
			</div>
		</div>
		
		<div id="leftside">
			<div id="sidebar_s">
				<div class="collapse">
					<div class="toggleCollapse"><div></div></div>
				</div>
			</div>
			<div id="sidebar">
				<div class="toggleCollapse"><h2>菜单</h2><div>collapse</div></div>
			
				<div class="accordion" fillSpace="sideBar">
					<div class="accordionHeader">
						<h2><span>Folder</span>生产</h2>
					</div>
					<div class="accordionContent">
						<ul class="tree treeFolder">
							<li><a href="${pageContext.request.contextPath }/UIServlet?ui=msgboxUI" target="navTab" rel="userNav">弹出框测试</a></li>
						</ul>
					</div>
			
					<div class="accordionHeader">
						<h2><span>Folder</span>仓库</h2>
					</div>
					<div class="accordionContent">
						<ul class="tree treeFolder">
							<li><a href="#" target="navTab" rel="userNav">Add User</a></li>
							<li><a href="#" target="navTab" rel="userLiNav">View all Users</a></li>
						</ul>
					</div>
					<div class="accordionHeader">
						<h2><span>Folder</span>销售</h2>
					</div>
					<div class="accordionContent">
						<ul class="tree treeFolder">
							<li><a href="#" target="navTab" rel="userNav">Add User</a></li>
							<li><a href="#" target="navTab" rel="userLiNav">View all Users</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="container">
			<div id="navTab" class="tabsPage">
				<div class="tabsPageHeader">
					<div class="tabsPageHeaderContent"><!-- 显示左右控制时添加 class="tabsPageHeaderMargin" -->
						<ul class="navTab-tab">
							<li tabid="main" class="main"><a href="javascript:void(0)"><span><span class="home_icon">主页</span></span></a></li>
						</ul>
					</div>
					<div class="tabsLeft">left</div><!-- 禁用只需要添加一个样式 class="tabsLeft tabsLeftDisabled" -->
					<div class="tabsRight">right</div><!-- 禁用只需要添加一个样式 class="tabsRight tabsRightDisabled" -->
					<div class="tabsMore">more</div>
				</div>
				<ul class="tabsMoreList">
					<li><a href="javascript:void(0)">主页</a></li>
				</ul>
				<div class="navTab-panel tabsPageContent layoutBox">
					<div>
						<div class="accountInfo">
							<div class="right">
								<p>111</p>
							</div>
							<p><span>欢迎使用</span> </p>
						</div>
						
						<div class="pageFormContent" layoutH="80">
							<p>
								<label>Looks good...</label><span class="unit"></span>
							</p>
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">Copyright &copy; 2009 iQ-Energy Inc. All Rights Reserved.</div>
</body>
</html>